<template>
  <div class="sportsCar-body-bg">
    <!-- <div class="text-content">
      <h3>如何认证缴纳押金？</h3>
      <p>输入手机号注册成功后，点击APP首页的审核提示进入身份认证页，输入注册人姓名、身份证号码。审核通过后，缴纳99元押金即可骑行。押金交由银行监管，可随时申请提现，1-7个工作日内原路返还。</p>
    </div> -->
    <!-- <div class="top-img">
      <img :src="require('../styles/asset/help/help_03.png')">
    </div> -->
    <div class="text-content">
      <h3>如何租用车辆？</h3>
      <p>我们的车辆停在指定站点内，请到指定停放点，打开APP端或微信小程序六个轮子共享扫描车把中间或者车尾二维码，也可手动输入车辆编码，即可租用车辆。</p>
    </div>
    <div class="btm-img">
      <img :src="require('../styles/asset/help/help_06.png')">
    </div>
    <div class="text-content">
      <h3>如何使用车辆？</h3>
      <p>确定用车，显示屏亮，再拧转车把启动并加速。</p>
    </div>
    <div class="btm-img">
      <img v-lazy="require('../styles/asset/help/help_08.png')">
    </div>
    <div class="text-content">
      <h3>如何还车？</h3>
      <p>我们规划了指定的还车区域，请将车辆停放在APP端或微信小程序六个轮子共享用车页面显示的规定停车站点内，点击用车页面上“还车”键结束用车计费。</p>
    </div>
    <div class="btm-img">
      <img v-lazy="require('../styles/asset/help/help_10.png')">
    </div>
    <div class="text-content">
      <h3>临时锁车？</h3>
      <p>可使用手机临时停靠锁车，此时订单仍然计费，继续用车只需通过APP端或微信小程序六个轮子共享用车页面解锁即可。</p>
    </div>
    <div class="btm-img">
      <img v-lazy="require('../styles/asset/help/help_12.png')">
    </div>
    <!-- <div class="text-content">
      <h3>如何计费？</h3>
      <p>六个轮子计费包括骑行费和{{insurance}}。</p>
      <p>骑行按时计费：起步价前7分钟1元，超过7分钟按0.1元/分钟计费；{{insurance}}按次计算：0.2元/次。</p>
    </div> -->
    <div class="btm-img">
      <img v-lazy="require('../styles/asset/help/help_14.png')">
    </div>
    <div class="text-content">
      <h3>如何查询站点？</h3>
      <p>在小程序六个轮子共享首页将地图缩小至一定程度后，查看目的区域是否有服务站点。</p>
    </div>
    <div class="btm-img">
      <img v-lazy="require('../styles/asset/help/help_16.jpg')">
    </div>
    <div class="btm-img">
      <img v-lazy="require('../styles/asset/help/help_17.png')">
    </div>
  </div>
</template>
  <script>
   export default {
    data () {
      return {
        insurance:'',
        sdew:''
      }
    },
    methods:{
    },
    mounted () {
      if(this.$route.query.app==1){
          console.log(this.$route.query.insurance)
          this.insurance = this.$route.query.insurance;
          this.sdew = this.$route.query.sdew;
      }else{
          this.insurance = decodeURIComponent(this.$route.query.insurance);
          this.sdew = decodeURIComponent(this.$route.query.sdew);
      }
      if(this.insurance == 'undefined'){
        this.insurance = '保险费'
      }
      if(this.insurance == 'null'){
        this.insurance = '保险费'
      }
      if(this.sdew == 'undefined'){
        this.sdew = '不计免赔'
      }
      if(this.sdew == 'null'){
        this.sdew = '不计免赔'
      }
    }

  }
</script>

<style scoped >
  @import "../styles/styles.css";
  .sportsCar-body-bg {  display: flex;  flex-wrap: wrap;  width: 100%;  height: 100%;  background: #f4f4f4; padding-top: 0.25rem; overflow-y: scroll;}
  .top-img,.btm-img{ padding:0 0.45rem;width:100%;}
  .top-img img {  border: none;  width: 100%;  }
  .btm-img img {  border: none;  width: 100%;  }
  .text-content{ padding:0.25rem 0.45rem;}
  .text-content>h3{color: #ff5d2e; font-size: 0.265rem; margin:0.05rem 0; line-height: 0.42rem;}
  .text-content>h3:before{ content: "●"; margin-right: 0.1rem; }
  .text-content>p{ color: #666; font-size: 0.242rem; line-height: 0.42rem;}
</style>
